@import "../../css/var.less";
@import "mallpublic.less";

.msg{
    background-color: #f9f9f9;
    .msgMain{
        .w1200;
        font-size: 14px;
        color: #202020;
        .headTitle{
            border-bottom: 1px solid #e3e3e3;
        }
        .mainTopBar{
            background-color: transparent;
            li{
                color: #0db4b9;
                padding-left: 15px;
            }
        }
        .msgMainBox{
            .w1200;
            margin-top: 20px;
            .sideBar{
                width: 128px;
                .fl;
                height: 100%;
                li{
                    text-align: center;
                    height: 30px;
                    &.active{
                        color: #0db4b9;
                    }
                }
            }
            .msgContent{
                padding-left: 30px;
                width: 1020px;
                border-left: 1px solid #dfdfdf;
                .fl;
                .msgItemBox{
                    &>a{
                        width: 100%;
                        padding:20px;
                        background-color: #fff;
                        box-shadow: 0 0 8px #bcbcbc;
                        border-radius: 4px;
                        display: block;
                        position: relative;
                        margin-bottom: 20px;
                        .m-title{
                            color: #202020;
                            width: 800px;
                        }
                        .m-desc{
                            margin:10px 0 5px 0;
                            width: 800px;
                        }
                        .m-desc, .m-time{
                            font-size: 12px;
                            color: #888;
                        }
                        &:hover{
                            box-shadow: 0 0 12px #bcbcbc;
                        }
                        .icon-jiantou{
                            position: absolute;
                            right: 20px;
                            top: 50%;
                            transform: translate(0,-50%);
                            font-size: 34px;
                            color: #e9e9e9;
                        }
                    }
                }
            }
        }
        .pageBotom{
            background-color: transparent;
            padding-right: 20px;
        }
    }
}